<script type="text/javascript" src="__PUBLIC__/js/jquery/jqFancyTransitions.1.8.min.js"></script>
                        	<div class="jqueryTitle mt5">
                            	<span>实现原理</span>
                            </div>
                            <div class="p15">
                            	好多特效代码，你自己看源代码吧，值得研究的一个插件;注意最终的界面CSS根据插件生成的HTML结构来写就行了
                            </div>
                            
                        	<div class="jqueryTitle mt5">
                            	<span>相关参数</span>
                            </div>
                            <div class="p15">
                            	<table cellpadding="0" cellspacing="0" class="jqueryAttr">
                                	<thead>
                                    	<tr>
                                        	<th>参数名</th>
                                            <th>参数说明</th>
                                        </tr>
                                    </thead>
                                    <tbody>
        <tr>
        	<td>effect</td>
            <td>效果选择:默认''(wave, zipper, curtain)</td>
        </tr> 
        <tr>
        	<td>width</td>
            <td>宽度:默认500</td>
        </tr> 
         <tr>
        	<td>height</td>
            <td>高度:默认320t</td>
        </tr>
         <tr>
        	<td>strips</td>
            <td>图片分解条数:默认20</td>
        </tr>          
         <tr>
        	<td>delay</td>
            <td>轮播时间:默认5000ms</td>
        </tr>
         <tr>
        	<td>stripDelay</td>
            <td>条数动画时间:默认50(越大越慢)</td>
        </tr>
         <tr>
        	<td>titleOpacity</td>
            <td>标题透明度:默认0.7</td>
        </tr>
         <tr>
        	<td>titleSpeed</td>
            <td>标题变化速度:默认1000</td>
        </tr>
         <tr>
        	<td>position</td>
            <td>动画效果:默认alternate（top, bottom, alternate, curtain）</td>
        </tr>
         <tr>
        	<td>direction</td>
            <td>动画方向:默认fountainAlternate（left, right, alternate, random, fountain, fountainAlternate）</td>
        </tr>
         <tr>
        	<td>navigation</td>
            <td>是否显示导航:默认false</td>
        </tr>
         <tr>
        	<td>links</td>
            <td>图片是否带连接:默认false</td>
        </tr>        </tbody>
                                </table>
                            </div> 
                            <div class="jqueryTitle mt5">
                            	<span>演示效果</span>
                            </div>
                            <div class="p15">
                            	<p class="pt15">前期准备：头部加入jquery-1.7.2.min.js;jqFancyTransitions.1.8.min.js文件</p>
                            	<div class="pt15"><strong>效果</strong></div>
                                <p>CSS</p>
                                <pre>#ft-buttons-slideshowHolder{background-color:#333; height:22px; line-height:22px; overflow:hidden; padding-top:0px !important;}
#ft-buttons-slideshowHolder a{color:#FFF;}
#ft-buttons-slideshowHolder a.ft-button-slideshowHolder-active{color:#FF5500;}
#ft-title-slideshowHolder{text-align:center; display:block; width:200px; font-size:12px; line-height:21px;}
#ft-prev-slideshowHolder,#ft-next-slideshowHolder{background-color:#EEE; padding:5px; color:#666666; top:45px;}</pre>
                                <p>js</p>
                                <pre>$('#slideshowHolder').jqFancyTransitions({ width:200, height:125,navigation:true}); </pre>
             <div class="blank10"></div>
			<div id="demo1" class="lin_imgAd">
                	<div id='slideshowHolder'>  
		 				<img src="__PUBLIC__/images/jquery/a.gif"  alt="林氏智造-图片一"/>
                        <a href="http://www.0773linji.com" title="林氏智造"></a>
		 				<img src="__PUBLIC__/images/jquery/b.gif"  alt="林氏智造-图片一"/>
                        <a href="http://www.0773linji.com" title="林氏智造"></a>
		 				<img src="__PUBLIC__/images/jquery/a.gif"  alt="林氏智造-图片一"/>
                        <a href="http://www.0773linji.com" title="林氏智造"></a>
         				<img src="__PUBLIC__/images/jquery/b.gif"  alt="林氏智造-图片一"/>
                        <a href="http://www.0773linji.com" title="林氏智造"></a>
         				<img src="__PUBLIC__/images/jquery/a.gif"  alt="林氏智造-图片一"/>
                        <a href="http://www.0773linji.com" title="林氏智造"></a>
					</div>
            </div>
                            	                             
                                
                            </div>  

                            <div class="clearfix pt40 pb40">
                            	<a href="http://url.cn/WAocnn" title="《{$data.title}》源代码下载" class="jqueryDown" rel="nofollow" target="_blank">《{$data.title}》源代码下载</a>
                            </div>   
                        
 
 <script type="text/javascript">
 $(function(){
	 	$('#slideshowHolder').jqFancyTransitions({ width:200, height:125,navigation:true}); 
	});
 </script>   
